// 从当前页面的URL中获取商品ID
const urlParams = new URLSearchParams(window.location.search);
const id = urlParams.get("id");

// 获取页面上与商品信息相关的元素
const productLogo = document.getElementById("productLogo"); // 商品Logo图片元素
const productTitle = document.getElementById("productTitle"); // 商品标题元素
const originalPrice = document.getElementById("originalPrice"); // 商品原价元素
const currentPrice = document.getElementById("currentPrice"); // 商品当前价格元素
const discount = document.getElementById("discount"); // 商品折扣信息元素
const productDetail = document.getElementById("productDetail"); // 商品详情元素

// 定义一个异步函数，用于加载商品详情
async function loadProductDetail() {
  try {
    // 发起HTTP GET请求，获取商品详情数据
    const res = await http.get("/goods/item", { params: { id } });

    // 如果响应数据中的code字段为1，表示获取成功
    if (res.data.code === 1) {
      const info = res.data.info;

      // 更新页面上的元素内容
      document.title = info.title; // 设置页面标题为商品标题
      productLogo.src = info.img_big_logo; // 设置商品Logo图片的src属性
      productLogo.alt = info.title; // 设置商品Logo图片的alt属性
      document.querySelector(".product-name").textContent = info.title; // 设置商品名称
      originalPrice.textContent = info.price; // 设置商品原价
      currentPrice.textContent = info.current_price; // 设置商品当前价格
      discount.textContent = info.sale_type; // 设置商品折扣信息

      // 将商品详情插入到页面中
      productDetail.innerHTML = info.goods_introduce;
    }
  } catch (error) {
    // 如果在请求过程中发生错误，输出错误信息
    console.error("获取商品详情失败:", error);
  }
}

// 在页面加载时调用函数，获取商品详情
loadProductDetail();